import React, { Component } from 'react';
import { NavBar } from 'antd-mobile'
import style from './my.module.scss'
class my extends Component {


    deLogin=()=>{
        this.props.history.push("/login")
    }
    render() {
        return (
            <div className={style.myContent}>
                <NavBar className={style.myContentNav}
                    style={{ backgroundColor: 'var(--themeColor)' }}
                >我的</NavBar>
                <div className={style.myContentLogin}>
                    <div  className={style.LoginButton} onClick={this.deLogin}>登录</div>
                </div>
                <div className={style.myContentList}>
                    <div className={style.ListItem}>
                        <i className="iconfont icon-qianbao"></i>
                        <div className={style.ListTitle}>代收款</div>
                    </div>
                    <div className={style.ListItem}>
                        <i className="iconfont icon-daishouhuo-01"></i>
                        <div className={style.ListTitle}>待收货</div>
                    </div>
                    <div className={style.ListItem}>
                        <i className="iconfont icon-refund"></i>
                        <div className={style.ListTitle}>退款/退货</div>
                    </div>
                    <div className={style.ListItem}>
                        <i className="iconfont icon-quanbudingdan"></i>
                        <div className={style.ListTitle}>全部订单</div>
                    </div>
                </div>
                {/* 联系客服 */}
                <div className={style.feedback}>
                    <div className={style.ContactService}>
                        <div className={style.serviceBox}>
                            <i className="iconfont icon-lianxikefu"></i>
                            <span>联系客服</span>
                        </div>
                        <div className={style.PhoneNum}>400-123-4000</div>
                    </div>
                    <div className={style.ContactService}>
                    <div className={style.serviceBox}>
                        <i className="iconfont icon-ziyuan"></i>
                        <span>意见反馈</span>
                        </div>
                    </div>
                    <div className={style.ContactService}>
                        <div className={style.serviceBox}>
                            <i className="iconfont icon-ziyuan1"></i>
                            <span>当前版本</span>

                        </div>
                        <div className={style.versionNumber}>v4.1.1</div>
                    </div>
                </div>
            </div>
        );
    }
}

export default my;
